.product-material{
  .sticky-wrapper{
    background: #fff;
    top: 0;
    position: sticky;
    z-index: 99;
  }

  // 分类
  .category-list{
    .category-item{
      color: #000;
      font-size: 28rpx;
      padding: 0 30rpx;
      line-height: 86rpx;
      display: inline-block;
      
      &.active{
        font-weight: bold;
        position: relative;

        &::after{
          content: '';
          left: 50%;
          margin-left: -14rpx;
          bottom: 10rpx;
          width: 28rpx;
          height: 4rpx;
          position: absolute;
          background: #000;
        }
      }
    }
  }

  //
  .block{
    padding: 10rpx 0;
    margin-top: 20rpx;
    background: #fff;
    .block_title{
      color: #000;
      font-size: 28rpx;
      font-weight: 500;
      padding: 24rpx;
    }
    .block_content{
      padding: 0 10rpx 10rpx 10rpx;
      box-sizing: border-box;

      .block-item{
        width: 33.333333333%;
        padding: 16rpx;
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;

        .block-item_content{
          position: relative;
        }

        $imageHeight: 216;
        .image{
          width: 100%;
          height: $imageHeight + rpx;
          display: block;
        }
        .block-item-share{
          color: #fff;
          font-size: 22rpx;
          font-weight: 400;
          text-align: center;
          line-height: 42rpx;
          top: ($imageHeight - 42)+rpx;
          left: 0;
          right: 0;
          position: absolute;
          background: rgba(0,0,0,0.6);
        }
        .block-item-title{
          @include text-ellipsis;
          text-align: center;
          padding: 28rpx 20rpx 0;
        }
      }

      .block-empty{
        .msg-describe{
          margin-top: -20rpx;
          margin-bottom: 80rpx;
        }
      }
    }
  }
}